<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>10-样式优先级-01</title>
  <style>
	*{margin:0;padding:0;}
	#box{font-size:0;}
	#box{width:404px;height:404px;margin:100px auto;}
	#box div{background-color:#ff0;}
	#box .box1{display:inline-block;width:200px;height:200px;border:1px solid red;border-radius:165px 0 165px 0;}
	#box .box2{display:inline-block;width:200px;height:200px;border:1px solid red;border-radius:0 165px 0 165px;}
	#box .box3{display:inline-block;width:200px;height:200px;border:1px solid red;border-radius:0 165px 0 165px;}
	#box .box4{display:inline-block;width:200px;height:200px;border:1px solid red;border-radius:165px 0 165px 0;}
  </style>
 </head>
 <body>
  

	<div id="box">
		<div class="box1"></div>
		<div class="box2"></div>
		<div class="box3"></div>
		<div class="box4"></div>
	</div>
 </body>
</html>
